<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户注册</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <!--css区域-->
    <link href="./css/regulations.css" rel="stylesheet" type="text/css"/>
    <link href="css/common.css" rel="stylesheet" type="text/css"/>
    <link href="css/register.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<!------IE浏览器判断------>
<!--[if lt IE 9]>
<script type="text/javascript" src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<![endif]-->
<jsp:include page="head.jsp"></jsp:include>
<div class="main">
    <div class="poistion">
        <h4 class="clearfix">
            <span class="icon icon1"></span><span> 首页 > 立即注册 </span>
        </h4>
    </div>
    <form action="">
        <div class="content step-body" id="formbox">
            <div class="step-header">
                <ul class="item clearfix" id="status">
                    <li class="first" id="firsts">
                        <div class="rect" style="background-color: hsl(18, 78%, 82%)">
                            <p class="rect-item" style="background-color: hsl(18, 78%, 82%)">
                                <span style="background-color: hsl(18, 100%, 39%)">1</span>
                            </p>

                        </div>
                        <p class="bottom-txt">阅读入会须知</p>
                    </li>
                    <li id="second">
                        <div class="rect" style="background-color: hsl(18, 78%, 82%)">
                            <p class="rect-item" style="background-color: hsl(18, 78%, 82%)">
                                <span style="background-color: hsl(18, 100%, 39%)">2</span>
                            </p>

                        </div>
                        <p class="bottom-txt">基本信息填写</p>
                    </li>
                    <li id="third">
                        <div class="rect" style="background-color: hsl(18, 78%, 82%)">
                            <p class="rect-item" style="background-color: hsl(18, 78%, 82%)">
                                <span style="background-color: hsl(18, 100%, 39%)">3</span>
                            </p>

                        </div>
                        <p class="bottom-txt">基本材料上传</p>
                    </li>
                    <li id="fourth step-active ">
                        <div class="rect" style="background-color: hsl(18, 78%, 82%)">
                            <p class="rect-item" style="background-color: hsl(18, 78%, 82%)">
                                <span style="background-color: hsl(18, 100%, 39%)">4</span>
                            </p>

                        </div>
                        <p class="bottom-txt">完成</p>
                    </li>
                </ul>
            </div>
            <div class="step-content clearfix">
                <div class="step-list" style="display:none;">
                    <div class="content">
                        <h2>
                            入会须知
                        </h2>
                        <h3>一、入会条件</h3>
                        <ol class="lists">
                            <li>1.诚实守信、有志于推动深圳市信用建设的企事业单位和社会团体；</li>
                            <li>2.在乌鲁木齐市注册，具有独立的法人资格；</li>
                            <li>3.成立时间一年以上；</li>
                            <li>4.拥护信用协会章程，愿意参加协会活动；</li>
                            <li>5.遵守国家法律，没有严重失信行为。</li>
                        </ol>
                        <h3>二、入会程序</h3>
                        <ol class="lists">
                            <li>1、按要求如实填写入会申请表第一、二联；</li>
                            <li>2、准备好企业营业执照、组织机构代码证复印件（加盖本单位公章）；</li>
                            <li>3、申请人向秘书处提交相关资料；</li>
                            <li>4、申请人缴纳会费，将应缴会费一次性存入协会会费收缴帐户；</li>
                            <li>5、秘书处入会登记。</li>
                        </ol>
                    </div>
                </div>
                <div class="step-list" style="display:none;">
                    <div class="pos">
                        <span> * 为必填项</span>
                    </div>
                    <div class="forms">
                        <table>
                            <tr>
                                <th><span>*</span>企业名称：</th>
                                <td><input type="text" id="username" name="username" placeholder="请输入企业名称"
                                           onblur="checkUser()"></td>
                                <td class="warning" id="username-warn"></td>
                            </tr>
                            <tr>
                                <th><span>*</span>企业代码：</th>
                                <td><input type="text" name="usercode" id="usercode" placeholder="请输入企业注册代码"
                                           onblur="userCode()"></td>
                                <td class="warning" id="usercode-warn"></td>
                            </tr>
                            <tr>
                                <th><span>*</span>联系方式：</th>
                                <td><input type="text" id="userphone" placeholder="请输入相关人员手机号" onblur="userPhone()">
                                </td>
                                <td class="warning" id="userphone-warn"></td>
                            </tr>
                            <tr>
                                <th><span>*</span>密&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;码：</th>
                                <td><input type="password" id="password" placeholder="请输入您的密码" onblur="passWord()">
                                </td>
                                <td class="warning" id="password-warn"></td>
                            </tr>
                            <tr>
                                <th><span>*</span>确认密码：</th>
                                <td><input type="password" id="againword" placeholder="请再次输入密码" onblur="againWord()">
                                </td>
                                <td class="warning" id="againword-warn"></td>
                            </tr>
                            <tr>
                                <th><span>*</span>电子邮箱：</th>
                                <td><input type="email" id="email" placeholder="请输入您的邮箱" onblur="emailCheck()"></td>
                                <td class="warning" id="email-warn"></td>
                            </tr>
                            <tr>
                                <th><span>*</span>企业地址：</th>
                                <td>
                                    <textarea style=" resize: none; height: 25px; padding: 5px; overflow-y: hidden;"
                                              id="place" placeholder="请输入企业所在地址" onblur="placeCheck()"></textarea>
                                </td>
                                <td class="warning" id="place-warn"></td>
                            </tr>
                            <tr>
                                <th><span>*</span>经营范围：</th>
                                <td><textarea placeholder="请输入企业经营范围"
                                              style=" resize: none; height: 25px; padding: 5px; overflow-y: hidden;"
                                              id="business" onblur="businessCheck()"></textarea>
                                </td>
                                <td class="warning" id="business-warn"></td>
                            </tr>
                            <tr>
                                <th>&nbsp;&nbsp;公司简介：</th>
                                <td><textarea placeholder="请输入企业简介"
                                              style="resize: none; height: 90px; padding: 5px; overflow-y: hidden;"
                                              maxlength="500" id="introduce"></textarea>
                                </td>
                                <td class="warning" id="introduce-warn"></td>
                            </tr>
                        </table>
                    </div>
                </div>
                <div class="step-list" style="display:none;">
                    <div class="pos">
                        <span>*&nbsp;此为必须上传项</span>
                    </div>
                    <div>
                        <div class="img-box full">
                            <section class=" img-section">
                                <ul class="items clearfix">
                                    <li><p class="up-p"><span class="star">*&nbsp;</span><span class="up-span">1.上传营业执照复印件</span>
                                    </p></li>
                                    <li><p class="up-p"><span class="star">*&nbsp;</span><span
                                            class="up-span">2.上传入会申请书</span></p></li>
                                    <li class="lis3"><p class="up-p"><span class="star">*&nbsp;</span><span
                                            class="up-span">3.上传合法纳税证明</span></p></li>
                                    <li class="lis4"><p class="up-p"><span class="star">*&nbsp;</span><span
                                            class="up-span">4.上传生产企业相关的资质及环保证明</span></p></li>
                                    <li class="lis5"><p class="up-p"><span class="up-span">5.上传工商部门无犯罪记录证明</span></p>
                                    </li>
                                </ul>
                                <div class="itemes">
                                    <p class="up-p"><span class="up-span">6.上传其他资料</span></p>
                                </div>
                                <div class="z_photo upimg-div clearfix item1">
                                    <section class="z_file fl">
                                        <img src="images/pic07.png" class="add-img">
                                        <input type="file"  name="file1" id="file1" class="file1"
                                               value=""
                                               accept="image/jpg,image/jpeg,image/png,image/bmp" multiple/>
                                    </section>
                                </div>
                                <div class="z_photo upimg-div clearfix item2">
                                    <section class="z_file fl">
                                        <img src="images/pic03.png" class="add-img">
                                        <input type="file" name="file2" id="file2" class="file2"
                                               value=""
                                               accept="image/jpg,image/jpeg,image/png,image/bmp" multiple/>
                                    </section>
                                </div>
                                <div class="z_photo upimg-div clearfix item3">
                                    <section class="z_file fl">
                                        <img src="images/pic01.png" class="add-img">
                                        <input type="file" name="file3" id="file3" class="file3"
                                               value=""
                                               accept="image/jpg,image/jpeg,image/png,image/bmp" multiple/>
                                    </section>
                                </div>
                                <div class="z_photo upimg-div clearfix item4">
                                    <section class="z_file fl">
                                        <img src="images/pic05.png" class="add-img">
                                        <input type="file" name="file4" id="file4" class="file4"
                                               value=""
                                               accept="image/jpg,image/jpeg,image/png,image/bmp" multiple/>
                                    </section>
                                </div>
                                <div class="z_photo upimg-div clearfix item5">
                                    <section class="z_file fl">
                                        <img src="images/pic06.png" class="add-img">
                                        <input type="file" name="file5" id="file5" class="file5" value=""
                                               accept="image/jpg,image/jpeg,image/png,image/bmp" multiple/>
                                    </section>
                                </div>
                                <div class="z_photo upimg-div clearfix item6">
                                    <section class="z_file fl">
                                        <img src="images/pic06.png" class="add-img">
                                        <input type="file" name="file6" id="file6" class="file6" value=""
                                               accept="image/jpg,image/jpeg,image/png,image/bmp" multiple/>
                                    </section>
                                </div>
                            </section>
                            <div class="multi">
                                <p class="up-p"> <span class="up-span">上传荣誉证书（多文件上传，可上传1至5张）</span></p>
                                <section class=" img-section">
                                    <div class="z_photo upimg-div clearfix">
                                        <div class="z_parent">
                                            <section class="z_file fl">
                                                <img src="images/pic02.png" class="add-img">
                                                <input type="file" name="file" id="file" class="file" value=""
                                                       accept="image/jpg,image/jpeg,image/png,image/bmp" multiple/>
                                            </section>
                                        </div>
                                    </div>
                                </section>
                            </div>
                            <aside class="mask works-mask">
                                <div class="mask-content">
                                    <p class="del-p ">您确定要删除作品图片吗？</p>
                                    <p class="check-p"><span class="del-com wsdel-ok">确定</span><span
                                            class="wsdel-no">取消</span></p>
                                </div>
                            </aside>
                        </div>
                    </div>

                </div>
                <div class="step-list"  style="display: block">
                    <h3 class="finish"><i class="icon1"></i>审核中...</h3>
                    <p class="warn-txt">您的注册正在审核，请等待。</p>
                </div>
            </div>
        </div>
        <div class="btn_nav clearfix">
            <input type="button" id="nextBtn" value="审核中" style="left: 500px">
        </div>
    </form>
</div>

<!--页脚-->
<jsp:include page="foot.jsp"></jsp:include>
</body>
</html>